/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   border-image-width: 0;
}


/* Workbench */

body {
   margin: 10px;
   background-color: #f1f1f1;
   font-family: sans-serif;
   font-size: 80%;
   color: #545454;
}

h1 {
   font-size: 125%;
   margin-bottom: 10px;
}

h2 {
   font-size: 110%;
   margin-bottom: 10px;
}

#container {
   margin: 0 auto;
}

#top {
   text-align: right;
   margin-bottom: 0px;
}

#logo {
   float: left;
}

#empty_table {
	border: 0px;
	align: center;
}

#search-form {
}

#search-form input {
   border: 1px solid #e3e3e3;
   margin: 0;
   height: 21px;
}

#search-form button {
   background-image: url('');
   background-repeat: no-repeat;
   background-color: white;
   background-position: 6px 6px;
   border: 1px solid #e3e3e3;
   border-left: none;
   padding: 0;
   margin: 0;
   width: 25px;
   height: 25px;
}

.shadow {
   -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

#tab-selector {
   clear: both;
   padding-top: 20px;
}

#tab-selector a {
   padding: 10px;
   border: 1px solid #dadada;
   border-bottom: none;
   display: inline-block;
   float: left;
   cursor: pointer;
   width: 108px;
   margin-right: 9px;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold;
   background-color: #ebebeb;
}

#tab-selector p {
   float: right;
   font-weight: bold;
   padding-top: 11px;
}

#tab-selector .active {
   background: white;
   border-color: white;
}

.tab {
   display: none;
   clear: both;
   background: white;
   padding: 20px 0;
}

.box {
   margin: 20px;
   overflow-x: scroll;
}

.error-box {
   margin: 20px;
   overflow-x: scroll;
   font-family: monospace;
   white-space: pre;
}

.box:last-of-type {
}

.splashbox {
   margin: 20px;
   overflow-x: scroll;
}

.modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 50%;
   margin-top: 100px;
   margin-left: 25%;
   background-color: white;
   padding: 20px;
   z-index: 4;
}

#overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: grey;
   opacity: 0.5;
   z-index: 3;
}

.modal-open #overlay {
   display: initial;
}

.modal-open {
   overflow: hidden;
}

#query-form, #update-box-container {
   clear: both;
}

.links {
   float: left;
}

.namespace-shortcuts {
   float: right;
   margin-bottom: 20px;
}

#large-file-message {
   display: none;
   margin: 5px 0;
}

textarea {
   margin: 5px 0;
   width: 100%;
   height: 200px;
   box-sizing: border-box;
}

.CodeMirror {
   margin: 5px 0;
   border: 1px solid #e1e1e1;
   font-size: 125%;
}

.CodeMirror-placeholder {
   font-style: italic;
}

hr {
   background: #929292;
   border: none;
   height: 5px;
   width: 50%;
   margin: 20px auto;
}

#update-update {
   margin: 0 auto;
   display: block;
}

#update-buttons {
   text-align: center;
}

.bottom {
   text-align: right;
}

#explore-form input[type=text] {
   width: 50%;
}

#explore-tab td:last-of-type {
   border: none;
}

.advanced-features, #query-response, #query-pagination, #query-explanation, #query-history, #query-export-container, #update-response, #update-clear-container, #explore-results, #namespace-properties {
   display: none;
}

th, td {
   border: 1px solid;
   padding: 5px;
}

th {
   font-weight: bold;
}

pre {
   font-family: monospace;
}

/* make cursor visible in error highlighting */
div.CodeMirror-cursors {
   z-index: 3;
}

.error-line {
   background: red;
}

.error-character {
   background: green;
}

#page-selector {
   float: right;
}

#running-queries li {
   margin: 10px 0;
}

#running-queries div {
   border: 1px solid;
   border-bottom: none;
   padding: 10px;
}

#running-queries .query {
   max-height: 50px;
   overflow: scroll;
}

#running-queries div.query-details {
   border-bottom: 1px solid;
   overflow-x: scroll;
}

.clear {
   clear: both;
}

#query-pagination {
   border: 1px solid #e1e1e1;
   padding: 10px 25px;
}

#results-per-page {
   width: 60px;
}

#query-pagination button {
   width: 20px;
   height: 20px;
   border: 1px solid #e1e1e1;
   background: transparent;
}

#current-page {
   border: 1px solid #e1e1e1;
}

#query-history .query {
   white-space: pre;
}

#query-export-container {
   text-align: right;
}

#update-clear-container {
   text-align: right;
}

iframe {
   display: none;
   width: 100%;
   height: 300px;
   border: 1px solid #e1e1e1;
   box-sizing: border-box;
}

#status-text {
   word-break: break-all;
}

#zookeeper, #counter-set {
   white-space: pre;
}

/* workbench checks if we're in HA mode and shows health tab if we are */
#tab-selector a[data-target=health] {
   display: none;
}

.health-good {
   background-color: lightgreen;
}

.health-warning {
   background-color: orange;
}

.health-bad {
   background-color: tomato;
}

#inference-quads-incompatible {
   display: none;
   font-style: italic;
}

#links {
   text-align: center;
   margin-top: 20px;
}

#h1_nopad {
   font-size: 125%;
   margin-bottom: 0px;
}

#h2_nopad {
   font-size: 110%;
   margin-bottom: 0px;
}

#nopad {
  border: 0;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px;
  padding: 0px;
}





section.center {
        max-width: 80%;
        margin: 100px auto;
    }
    span.clickMe {
        font-size: 30px;
    }
    span.clickMe:hover {
        cursor: pointer;
        color: green;
    }
    section.hidden {
        display: none;
        position: fixed;
        text-align: center;
    }
    section article.popup {
        position: relative;
        display: inline-block;
        background: #e3e3e3;
        color: #222;
        border: 1px solid #333;
        border-radius: 3px;
        padding: 5px 7px;
        margin: 5% auto;
    }
    section article.popup textarea {
        position: relative;
        display: block;
        background: #ffffff;
		height: auto;
    }
    span.close {
        text-transform: uppercase;
        color: #222;
    }
    span.close:hover{
        color: red;
        cursor: pointer;
    }